Bar chart Wave effect
This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.bar.js"></script>
Put this where you want the chart to show up:
<canvas id="cvs" width="800" height="350">
[No canvas support]
</canvas>
This is the code that generates the chart:
<script>
data = [4,8,6,3,5,2,6,8,4,5,7,8];
new RGraph.Bar({
id: 'cvs',
data: data,
options: {
textAccessible: true,
scaleZerostart: true,
backgroundGridAutofitNumvlines: 0,
linewidth: 0,
shadow: false,
hmargin: 7,
colors: ['Gradient(pink:red:#f33)', 'Gradient(green:#0f0)'],
labelsAbove: true,
labels: ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
clearto: 'white',
variant: '3d',
gutterBottom: 90,
noaxes: true
}
}).wave({frames: 60});
</script>